<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>{$site_name}</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
	<meta name="description" content="{$site_seo_description}" />
	<meta name="keywords" content="{$site_seo_keywords}" />
	<link href="__TMPL__Public/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="__TMPL__Public/assets/css/video-js.min.css"/>
    <link href="__TMPL__Public/assets/css/index.css" rel="stylesheet" />
	<link rel="shortcut icon" href="__TMPL__Portal/favicon.ico" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="__TMPL__Public/assets/js/jquery.min.js"></script>
    <script src="__TMPL__Public/assets/js/index.min.js"></script>
    <!--[if IE]>
    	<script src="__TMPL__Public/assets/js/video.min.js" type="text/javascript" charset="utf-8"></script>
	<![endif]-->
</head>
<body>
        <header>
            <a href="index.html" class="logo">
                <img src="__TMPL__Public/assets/images/logo.png" alt="京师" class="img-responsive" />
            </a>
            <!--<strong class="words">微信营销专家</strong>-->
            <nav class="menu">
                <ul class="list-inline">
                    <li class="active"><a>首页</a></li>
                    <li><a>业务领域</a></li>
                    <li><a>京师影音</a></li>
                    <li><a>合作案例</a></li>
                    <li><a>新闻动态</a></li>
                    <li><a>关于京师</a></li>
                    <li><a>联系我们</a></li>
                </ul>
            </nav>
            <div class="hotline">
                <a href="tel:031180767913" title="免费热线电话"><span>0311-80767913</span></a><u></u>
            </div>
            <div class="menu-icon">
                <a href="tel:031180767913" title="免费热线电话"><span class="glyphicon glyphicon-earphone"></span></a>
                <span class="glyphicon glyphicon-th-large"></span>
            </div>
        </header>

        <div class="welcome"><p><u>Loading . . .</u></p></div>
        <section class="video" >
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide nth1">
                		<table>
                    		<tr>
                    			<th>SCALE</th>
                    			<th>MAJOR</th>
                    			<th>BRAND</th>
								<th>GLOBAL</th>
								<th>NETWORK</th>
                    		</tr>
                    		<tr>
                    			<td>规模化</td>
                    			<td>专业化</td>
                    			<td>品牌化</td>
								<td>国际化</td>
								<td>电商化</td>
                    		</tr>
                    	</table>
                        <p>汇精英律师，致力打造业内最大、最专业、最具影响力的律师事务所。</p>
                    </div>
                    <div class="swiper-slide nth2">
                    	<img src="__TMPL__Public/assets/images/wallpaper1_2_img.png" alt="">
                    </div>
                    <div class="swiper-slide nth3">
                     	<img src="__TMPL__Public/assets/images/wallpaper1_3_img.png" alt="">
                    </div>
                </div>

            </div>
            <div class="innerBox">
                <div class="news">
                </div>
                <div class="guide"></div>
            </div>
        </section>

		<section class="cases">
            <div class="box">
                <div class="caption">
                    <p>WHAT CAN WE DO?</p>
                    <span>业务领域</span>
                    <br class="clear" />
                </div>
                <div class="swiper-container items">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>4))}" target="_blank">
                            	<div class="shade">
                            		<img src="__TMPL__Public/assets/images/product01.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product01_bg.jpg" alt="" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>5))}" target="_blank">
                            	<div class="shade">
                            		<img src="__TMPL__Public/assets/images/product02.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product02_bg.jpg" alt="" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>6))}" target="_blank">
                            	<div class="shade">
                            		<img src="__TMPL__Public/assets/images/product03.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product03_bg.jpg" alt="" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>7))}" target="_blank">
                            	<div class="shade active">
                            		<img src="__TMPL__Public/assets/images/product04.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product04_bg.jpg" alt="" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>21))}" target="_blank">
                            	<div class="shade active">
                            		<img src="__TMPL__Public/assets/images/product05.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product05_bg.jpg" alt="" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{:leuu('list/index',array('id'=>22))}" target="_blank">
                            	<div class="shade active">
                            		<img src="__TMPL__Public/assets/images/product06.jpg" alt="">
                            	</div>
                                <img src="__TMPL__Public/assets/images/product06_bg.jpg" alt="" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <section class="quality">
            <div class="box">
                <div class="caption">
                    <p>JINGSHI VIDEO</p>
                    <span>京师影音</span>
                    <br class="clear" />
                </div>
                <a href="javascript:;" class="prev_arrows"></a>
            	<a href="javascript:;" class="next_arrows"></a>
                <div class="swiper-container items">
                    <div class="swiper-wrapper">
						<if condition="$http0 eq ''">
                        <div class="swiper-slide nth1">
							<if condition="$vmp40 neq ''">
                    		<video class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="{:sp_get_image_preview_url($videoimage0)}" data-setup='{}'>
								<source src="{$vmp40}" type="video/mp4">
								<source src="{$vwebm0}" type="video/webm">
								<source src="{$vogv0}" type="video/ogv">
								<p class="vjs-no-js">
									To view this video please enable JavaScript, and consider upgrading to a web browser that
									<a href="http://videojs.com/html5-video-support/" target="_blank">
										supports HTML5 video
									</a>
								</p>
							</video>
							</if>
                        </div>
						<else/>
							<div class="swiper-slide nth2">
								<a href="{$http0}" target="_blank">
									<img src="{:sp_get_image_preview_url($videoimage0)}">
								</a>
							</div>
						</if>
						<if condition="$http1 eq ''">
                        <div class="swiper-slide nth3">
							<if condition="$vmp41 neq ''">
                        	<video class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="{:sp_get_image_preview_url($videoimage1)}" data-setup='{}'>
								<source src="{$vmp41}" type="video/mp4">
								<source src="{$vwebm1}" type="video/webm">
								<source src="{$vogv1}" type="video/ogv">
								<p class="vjs-no-js">
									To view this video please enable JavaScript, and consider upgrading to a web browser that
									<a href="http://videojs.com/html5-video-support/" target="_blank">
										supports HTML5 video
									</a>
								</p>
							</video>
							</if>
                        </div>
						<else/>
							<div class="swiper-slide nth2">
								<a href="{$http1}" target="_blank">
									<img src="{:sp_get_image_preview_url($videoimage1)}">
								</a>
							</div>
						</if>
						<if condition="$http2 eq ''">
                        <div class="swiper-slide nth3">
							<if condition="$vmp42 neq ''">
                        	<video class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="{:sp_get_image_preview_url($videoimage2)}" data-setup='{}'>
								<source src="{$vmp42}" type="video/mp4">
								<source src="{$vwebm2}" type="video/webm">
								<source src="{$vogv2}" type="video/ogv">
								<p class="vjs-no-js">
									To view this video please enable JavaScript, and consider upgrading to a web browser that
									<a href="http://videojs.com/html5-video-support/" target="_blank">
										supports HTML5 video
									</a>
								</p>
							</video>
							</if>
                        </div>
						<else/>
							<div class="swiper-slide nth2">
								<a href="{$http2}" target="_blank">
									<img src="{:sp_get_image_preview_url($videoimage2)}">
								</a>
							</div>
						</if>
						<if condition="$http3 eq ''">
                        <div class="swiper-slide nth3">
							<if condition="$vmp43 neq ''">
                        	<video class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" poster="{:sp_get_image_preview_url($videoimage3)}" data-setup='{}'>
								<source src="{$vmp43}" type="video/mp4">
								<source src="{$vwebm3}" type="video/webm">
								<source src="{$vogv3}" type="video/ogv">
								<p class="vjs-no-js">
									To view this video please enable JavaScript, and consider upgrading to a web browser that
									<a href="http://videojs.com/html5-video-support/" target="_blank">
										supports HTML5 video
									</a>
								</p>
							</video>
							</if>
                        </div>
						<else/>
						<div class="swiper-slide nth2">
							<a href="{$http3}" target="_blank">
								<img src="{:sp_get_image_preview_url($videoimage3)}">
							</a>
						</div>
						</if>
                    </div>
                </div>
            </div>
        </section>

        <section class="business">
            <div class="box">
                <div class="caption">
                    <p>CASE OF COOPERATION</p>
                    <span>合作案例</span>
                    <br class="clear" />
                </div>
                <ul class="items list-inline">
                    <li class="pc">
                        <i></i><strong>{:msubstr($guestmsg[0]['msg'],0,16)}</strong>
                        <p>{:msubstr($guestmsg[0]['reply_msg'],0,40)}</p>
                    </li>
                    <li class="mobi">
						<i></i><strong>{:msubstr($guestmsg[1]['msg'],0,16)}</strong>
						<p>{:msubstr($guestmsg[1]['reply_msg'],0,40)}</p>
                    </li>
                    <li class="sys">
						<i></i><strong>{:msubstr($guestmsg[2]['msg'],0,16)}</strong>
						<p>{:msubstr($guestmsg[2]['reply_msg'],0,40)}</p>
                    </li>
                    <li class="app">
						<i></i><strong>{:msubstr($guestmsg[3]['msg'],0,16)}</strong>
						<p>{:msubstr($guestmsg[3]['reply_msg'],0,40)}</p>
                    </li>
                    <!--<li class="host">
                        <i></i><strong>私人定制家具</strong>
                        <p>私人定制私人定制私人定制私人定制私人定制私人定制私人定制私人定制私人定制</p>
                    </li>-->
                </ul>
            </div>
        </section>



        
        <section class="marketing">
            <div class="box">
                <div class="caption">
                    <p>NEWS</p>
                    <span>新闻动态</span>
                    <br class="clear" />
                </div>
                <div class="list_box">
                	<a href="javascript:;" class="prev_arrow"></a>
                	<a href="javascript:;" class="next_arrow"></a>
	                <div class="list_window">
	                	<ul class="items">
							<php>
								$list1 = sp_sql_posts("cid:11,12;limit:0,5;order:post_date DESC;");
							</php>
							<foreach name="list1" item="vo">
								<li><a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}" target="_blank">{:msubstr($vo['post_title'],0,16)}</a>
									<span>{$vo['post_date']|substr=0,10}</span>
								</li>
							</foreach>
		                </ul>
		                <ul class="items">
							<php>
								$list2 = sp_sql_posts("cid:11,12;limit:5,5;order:post_date DESC;");
							</php>
							<foreach name="list2" item="vo">
								<li><a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}" target="_blank">{:msubstr($vo['post_title'],0,16)}</a>
									<span>{$vo['post_date']|substr=0,10}</span>
								</li>
							</foreach>
		                </ul>
		                <ul class="items">
							<php>
								$list3 = sp_sql_posts("cid:11,12;limit:10,5;order:post_date DESC;");
							</php>
							<foreach name="list3" item="vo">
								<li><a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}" target="_blank">{:msubstr($vo['post_title'],0,16)}</a>
									<span>{$vo['post_date']|substr=0,10}</span>
								</li>
							</foreach>
		                </ul>
	                </div>
                </div>
            </div>
        </section>


        <section class="aboutus">
            <ul class="menu"><li>简介</li><li>宗旨</li><li>愿景</li></ul>
            <div class="swiper-container items">
                <div class="swiper-wrapper">
                    <div class="swiper-slide nth1">
                        <!--<strong>厚积薄发</strong>-->
						<php>
							$article = sp_sql_posts("cid:14;order:post_date DESC;");
						</php>
                        <p>{$article[0].post_content}</p>
                        <!--<u>下一秒，让你看，我们到底有多强</u>-->
                    </div>
                    <div class="swiper-slide nth2">
                        <!--<strong>NIUSIR微信平台</strong>-->
						<php>
							$article = sp_sql_posts("cid:18;order:post_date DESC;");
						</php>
						<p>{$article[0].post_content}</p>
                    </div>
                    <div class="swiper-slide nth3">
                        <!--<strong>放下荣誉，放眼未来</strong>-->
						<php>
							$article = sp_sql_posts("cid:17;order:post_date DESC;");
						</php>
						<p>{$article[0].post_content}</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="contact">
            <div class="box">
                <div class="above">
                    <div class="wechat"><img src="__TMPL__Public/assets/images/wechat_code.jpg" alt="" /></div>
					<div class="left">
						<a href="tel:031180767913" title="网站制作咨询热线" class="tel">北京市京师（石家庄）律师事务所</a>
						<p>联系电话：0311-80767913<br />地址：河北省石家庄市裕华区怀特商业广场<br/>Email：3098538040@qq.com</p>
					</div>
					<div class="right">
						<p>技术支持<br /><a style="color: #fff;" href="http://jurentech.com/index.html">河北巨人科技有限公司</a> <br/>冀ICP备18013910号-1</p>
					</div>
                </div>
                <button class="btn btn-primary btn_message">点击留言</button>
                <a href="javascript:;" class="shadow" id="shadow"></a>
                <form class="form-horizontal form_message" method="post" action="{:leuu('api/guestbook/addmsg')}">
					<input name="status" type="hidden" class="form-control" id="input4" value="2" placeholder="状态">
					<div class="form-group">
						<label for="input1" class="col-sm-2 control-label" style="color: #fff;">姓名：</label>
						<div class="col-sm-9">
							<input name="full_name" type="text" class="form-control" id="input1" placeholder="姓名">
						</div>
					</div>
					<div class="form-group">
						<label for="input2" class="col-sm-2 control-label" style="color: #fff;">电话：</label>
						<div class="col-sm-9">
							<input type="tel" class="form-control" id="input2" placeholder="电话" name="telephone">
						</div>
					</div>
					<div class="form-group">
						<label for="input3" class="col-sm-2 control-label" style="color: #fff;">留言内容：</label>
						<div class="col-sm-9">
							<textarea name="msg" class="form-control" id="input3" rows="3" placeholder="请在这里输入您的留言内容"></textarea>
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-12">
							<button type="submit" class="btn btn-primary btn_submit">提交</button>
						</div>
					</div>
				</form>
            </div>
        </section>


        <div class="dock">
            <ul class="icons">
                <li class="up"><i></i></li>
                <li class="im">
                    <i></i><p>获取相关资讯<br />在线沟通，请点我<a href="http://wpa.qq.com/msgrd?v=3&uin=3098538040&site=qq&menu=yes" target="_blank">在线咨询</a></p>
                </li>
                <li class="tel">
                    <i></i><p>客服QQ：<br>3098538040<br>咨询服务热线：<br />0311-80767913</p>
                </li>
                <li class="wechat">
                    <i></i><p><img src="__TMPL__Public/assets/images/wechat_code.jpg" alt="扫描关注微信公众账号" /></p>
                </li>
                <li class="down"><i></i></li>
            </ul>
            <a class="switch"></a>
        </div>
        <script type="text/javascript">

            $(function(){
				/*新闻动态*/
                var list_ul = $('.list_window ul').length;
                $('.list_window').css({width:550*(list_ul+1)+"px"});
                var n=0;
                var window_width = $('body').width();
                //2017-3-31新加↓
                if(window_width<=450){
                    $('.marketing .box ul.items').css({cssText:'width:300px !important'});
                }
                //2017-3-31新加↑
                function right_scroll() {
                    if(window_width >= 1100) {
                        console.log(1);
                        if(n < list_ul - 2) {
                            n++;
                            $('.list_window').animate({ marginLeft: -n * 550 + "px" }, 600);
                        } else if(n == list_ul) {
                            n = list_ul;
                        }

                    } else if(window_width <= 450) {
                        if(n < list_ul - 1) {
                            n++;
                            console.log(n);
                            $('.list_window').animate({ marginLeft: -n * 300 + "px" }, 600);
                        } else if(n == list_ul) {
                            n = list_ul;
                        }
                    } else {
                        if(n < list_ul - 1) {
                            n++;
                            console.log(n);
                            $('.list_window').animate({ marginLeft: -n * 550 + "px" }, 600);
                        } else if(n == list_ul) {
                            n = list_ul;
                        }
                    }

                };
                function left_scroll() {
                    if(window_width >= 1100) {
                        if(n > 0) {
                            n--;
                            $('.list_window').animate({ marginLeft: -n * 550 + "px" }, 600);
                        } else if(n == 0) {
                            n = 0;
                        }

                    } else if(window_width <= 450) {
                        if(n > 0) {
                            n--;
                            $('.list_window').animate({ marginLeft: -n * 300 + 'px' }, 600);
                        } else if(n == 0) {
                            n = 0;
                        }
                    } else {
                        console.log(1);
                        if(n > 0) {
                            n--;
                            console.log(n);
                            $('.list_window').animate({ marginLeft: -n * 550 + "px" }, 600);
                        } else if(n == 0) {
                            n = 0;
                        }
                    }
                }
                $(".next_arrow").on('click',function(){
                    right_scroll();
                })
                $(".prev_arrow").on('click',function(){
                    left_scroll();
                })
				/*安装视频*/
                if(!$('.quality .box .swiper-container').hasClass('mini')){
                    var slide_len = $('.quality .box div.swiper-slide').length;
                }
                $('.quality .box div.swiper-wrapper').css({width:380*(slide_len+1)+"px"});
                var m=0;
                function video_right() {
                    if(window_width >= 1120) {
                        if(m < slide_len - 3) {
                            m++;
                            $('.quality .box div.swiper-wrapper').animate({ marginLeft: -m * 380 + "px" }, 600);
                        } else if(m == slide_len) {
                            m = slide_len;
                        }
                    }
                };
                function video_left() {
                    if(window_width >= 1120) {
                        if(m > 0) {
                            m--;
                            $('.quality .box div.swiper-wrapper').animate({ marginLeft: -m * 380 + "px" }, 600);
                        } else if(m == 0) {
                            m = 0;
                        }
                    }
                };
                $('.next_arrows').on('click',function(){
                    video_right();
                })
                $('.prev_arrows').on('click',function(){
                    video_left();
                })
				/*联系我们-点击留言*/
                $('.btn_message').on('click',function(){
                    $('.contact .box .form_message,.contact .box .shadow').fadeIn('fast');
                    $('section').bind('mousewheel',function(e){
                        e.preventDefault();
                        e.stopPropagation();
                    },false);
                    $('section').bind('mousemove',function(e){
                        e.preventDefault();
                        e.stopPropagation();
                    },false);
                    $('section').bind('touchmove',function(e){
                        e.preventDefault();
                        e.stopPropagation();
                    },false);
                });

                $('#shadow').on('click',function(){
                    $('.contact .box .form_message,#shadow').fadeOut('fast');
                    $('section').unbind();
                })
				setInterval(function(){
				    for(var i = 0;i<$(".cases .swiper-wrapper .swiper-slide").length;i++){
						if($(".cases .swiper-wrapper .swiper-slide").eq(i).find(".shade").hasClass('active')){
                            $(".cases .swiper-wrapper .swiper-slide").eq(i).find(".shade").removeClass('active');
                        }else{
                            $(".cases .swiper-wrapper .swiper-slide").eq(i).find(".shade").addClass('active');
                        }
					}
				},6000)
            })
		</script>
</body>
</html>